<template>
  <div>
    <el-descriptions class="margin-top" title="预约信息" :column="3" border>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-user"></i>
          体检人
        </template>
        {{ orderInfo.member }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-mobile-phone"></i>
          体检套餐
        </template>
        {{ orderInfo.setmeal }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-location-outline"></i>
          体检日期
        </template>
        {{ orderInfo.orderDate }}
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-tickets"></i>
          预约类型
        </template>
        <el-tag size="small">{{ orderInfo.orderType }}</el-tag>
      </el-descriptions-item>
    </el-descriptions>
    <el-divider></el-divider>
    <el-collapse v-model="appointName" accordion>
      <el-collapse-item title="注意事项" style="size: 20px" name="1">
        <div style="float: left; margin-left: 10px; color: #8c939d">
          1、体检前三天饮食不宜有太大变化，尽量保证清淡饮食，避免油腻、过甜、过咸的食物，避免饮食不均暴饮暴食，以免影响检查结果。
        </div>
        <div style="float: left; margin-left: 10px; color: #8c939d">
          2、体检前三天饮食不宜有太大变化，尽量保证清淡饮食，避免油腻、过甜、过咸的食物，避免饮食不均暴饮暴食，以免影响检查结果。
        </div>
        <div style="float: left; margin-left: 10px; color: #8c939d">
          3、体检前不要饮酒，酒精会影响到检查的准确性，如导致甘油三酯、转氨酶等检查结果出现异常，干扰到很多检查项目。
        </div>
        <div style="float: left; margin-left: 10px; color: #8c939d">
          4、体检当天应该保证穿着轻便、简单，另外女士要注意不要穿连裙、连裤袜，以及不要佩戴饰品等，以免影响检查。
        </div>
        <div style="float: left; margin-left: 10px; color: #8c939d">
          5、女士朋友要注意避开经期，以防经期影响到相关的检查项目。
        </div>
        <div style="float: left; margin-left: 10px; color: #8c939d">
          6、如果有前列腺或妇科B超检查，需要憋尿，检前可以适当饮水，以保证膀胱充盈后再进行检查。
        </div>
        <div style="float: left; margin-left: 10px; color: #8c939d">
          7、如果有妇科检查，要注意检前不宜进行夫妻生活，夫妻生活会影响到阴道检查，干扰检查的结果。
        </div>
        <div style="float: left; margin-left: 10px; color: #8c939d">
          8、做妇科检查前也不宜过度清洁，不宜使用阴道药物，避免过度清洁或是药物干扰，影响到检查的结果。
        </div>
        <div style="float: left; margin-left: 10px; color: #8c939d">
          9、积极配合医师的检查，保持良好的心态，告知医师自己的真实情况，有助于医师帮助判断身体健康状况。
        </div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
export default {
  name: "orderSuccess",
  data() {
    return {
      appointName: "1",
      orderInfo: {},
      orderId: this.$route.query.orderId,
    };
  },
  created() {
    this.findOrderById();
  },
  methods: {
    findOrderById() {
      console.log("订单详情传来的Id", this.orderId);
      this.$ajax.post(`/order/findById/${this.orderId}`).then((res) => {
        console.log("返回数据", res);
        if (res.data.flag) {
          this.orderInfo = res.data.data;
          this.$message.success(res.data.message);
        } else {
          this.$message.error(res.data.message);
        }
      });
    },
  },
};
</script>

<style scoped></style>
